import React from 'react';

export default function MediaControl() {
  return (
    <div className="media-control">
      <div className="knob-panel">
        <div className="temperature-knob">
          <i className="icon-ac-unit"/>
          <div className="knob">
            <div className="indicator"/>
          </div>
          <span>24°C</span>
        </div>
        
        <div className="fan-speed">
          <i className="icon-air"/>
          <div className="levels">
            <div className="level active"/> 
            <div className="level"/>
            <div className="level"/>
          </div>
        </div>
      </div>
      
      <div className="media-buttons">
        <button className="media-btn">
          <i className="icon-music-note"/>
          <span>媒体中心</span>
        </button>
        <button className="media-btn">
          <i className="icon-connected-car"/>
          <span>驾驶模式</span>
        </button>
      </div>
    </div>
  );
}